<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hao到家_hao123上网导航</title>
    <link rel="stylesheet" type="text/css" href="css/haodj.css">
</head>
<body>

<!--     顶部条 -->
    <div class="top-wp"> 
        <div class="top-title">
            <div class="top-content">
                <div class="top-left">
                    <a class="top-left-shouye" href="">hao123首页</a>
                    <div class="top-left-nav">
                        <i class="icon dhbz"></i>
                        <a href="">全站导航</a>
                        <i class="xsj"></i>
                    </div>
                </div>
                <div class="top-right">
                    <div class="dlk">
                        <a class="yjdl" href="">
                            <i class="icon dlan"></i>
                            <a class="yjdl1" href="">一键登录</a>
                        </a>
                    </div>
                    <div class="llq">
                        <a href="">浏览器</a>
                        <i class="icon fzhi"></i>
                        <i class="icon gth"></i>
                        <span>
                            <i class="icon shouj"></i>
                            <i class="xsj"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="nav-wp">
            <div class="nav-head">
                <a href=""><i class="logo"></i></a>
                <div class="nav-left">
                    <a class="on" href="">首页</a>
                    <a href="">实用查询</a>
                    <a href="">快递到家</a>
                    <a href="">美食</a>
                    <a href="">健康</a>
                    <a href="">生活百科</a>
                    <a href="">交通违章</a>
                </div>
                <div class="nav-right">
                    <a href="">
                        <i class="yhj"></i>
                        <span>我的优惠券</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 大图部分 -->
    <div class="datu-wp">
        <div class="datu-midd">
            <a href=""><i class="dbjt"></i></a>
            <ul>
                <li class="dydz"><a href="">电影·订座</a></li>
                <li><a href="">美食·外卖</a></li>
                <li><a href="">家政·按摩</a></li>
                <li><a href="">机票·火车票</a></li>
                <li><a href="">门票·度假</a></li>
                <li><a href="">快递·查违章</a></li>
            </ul>
            <div class="dzbi">
                <div class="derk">
                    <div class="disk">
                        <a class="zbk" href=""><i class="zsj"></i></a>
                        <div class="diany">
                            <span class="icon1 dytp"></span>
                            <span class="icon1 dytp"></span>
                            <span class="icon1 dytp"></span>
                        </div>
                        <a class="ybk" href=""><i class="ysj"></i></a>
                    </div>
                    <div class="xiak">
                        <div class="xiak1">
                            <span>北京</span>
                            <i class="sjx beij"></i>
                        </div>
                        <div class="xying">
                            <span>选影院</span>
                            <i class="sjx beij"></i>
                        </div>
                        <div class="xyingp">
                            <span>选影片</span>
                            <i class="sjx beij"></i>
                        </div>
                    </div>
                    <div class="xzdp"><a href="">选座订票</a></div>
                </div>
            </div>
            <div class="lunbk">
                <ol>
                   <li><a class="active" href="">豪华优惠家政礼包</a></li>
                   <li><a href="">专业上门化妆优惠</a></li>
                   <li><a href="">健康优惠送到家</a></li>
                   <li><a href="">一对一辅导优惠</a></li>
                </ol>
            </div>
        </div>
    </div>

    <!-- 内容部分 -->
    <div class="right-wp">
        <div class="right-wp-neib">
            <div class="aside">
                <div class="remen">
                    <div class="biaoti">
                        <i class="biaotitu"></i>
                        <span>一周热门优惠</span>
                    </div>
                    <div class="list">
                        <a href="">
                            <label class="tebie">1</label>
                            <span>阿姨帮 300元家政礼包</span>
                        </a><a href="">
                            <label class="tebie">2</label>
                            <span>人人快递 10元抵用券</span>
                        </a><a href="">
                            <label class="tebie">3</label>
                            <span>河狸家 30元美妆券</span>
                        </a><a href="">
                            <label>4</label>
                            <span>e家帮 315元家政礼包</span>
                        </a><a href="">
                            <label>5</label>
                            <span>美着呢 40元优惠券</span>
                        </a><a href="">
                            <label>6</label>
                            <span>老师好 30元学习券</span>
                        </a><a href="">
                            <label>7</label>
                            <span>途虎养车 130元养车券</span>
                        </a><a href="">
                            <label>8</label>
                            <span>爱鲜蜂 30元优惠券</span>
                        </a><a href="">
                            <label>9</label>
                            <span>宝驾租车 500元租车券</span>
                        </a><a href="">
                            <label>10</label>
                            <span>点到按摩 48元优惠券</span>
                        </a>
                    </div>
                </div>
                <div class="xianrou-wp">
                    <div class="xianrou">
                        <div class="xianrou-title">
                        <i class="shengh"></i>
                        <span>生活小鲜肉（第12期）</span>
                    </div>
                    <a class="diyik" href="">
                        <i class="shengz"></i>
                        <span class="swfen">15分</span>
                        <span class="zhuanz">专注于互联网+生鲜领域的创新企业</span>
                        <div class="sbly">
                            <span class="sbly1">上榜理由：</span>
                            <span class="wswx">采用网上商城+网下社区体验店服务高端社区顾客</span>
                        </div>
                    </a>
                    <a class="derk" href="">
                        <img src="img/lvxing.jpg" alt="">
                        <span class="lvx">37度旅行网</span>
                        <span class="fenxiang">基于兴趣、专长、和分享的深度旅行社区平台</span>
                    </a>
                    <a class="dsk" href="">
                        <img class="jiehuntp" src="img/jiehun.jpg" alt="">
                        <span class="jiehun">591结婚网</span>
                        <span class="cgpt">全国新人都信赖的一站式结婚采购平台</span>
                    </a>
                    </div>
                </div>
                <div class="libao-wp"> 
                    <a href="">
                        <img src="img/libao.png" alt="">
                    </a>
                </div>
                <div class="tehui-wp">
                    <div class="tehui">
                        <div class="tehui-title">
                            <i class="jin"></i>
                            <span class="jrth">今日特惠</span>
                        </div>
                        <a class="jztp" href="">
                            <div class="ejiab">
                                <b>【e家帮】</b>
                                <span>615元家政服务礼包</span>
                            </div>
                            <img src="img/jzfw.jpg" alt="">
                            <div class="cxay">帮您1分钟找到称心阿姨</div>
                        </a>
                        <div class="dianzan">
                            <i class="zan"></i>
                            <a href="">顶一下</a>
                            <span>28301人也觉得值</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 左边内容 -->
    <div class="left-wp">
        <div class="left-xinwen">
            <div class="left-content">
                <div class="xinwen">
                    <h3 class="jinri">今日</h3>
                    <span class="guanzu">关注</span>
                    <i class="tupiantiao"></i>
                </div>
                <div class="gznr">
                    <a href="">
                            <img class="yangche" src="img/yangche.jpg" alt="">
                            <i class="zuosj"></i>
                            <i class="yousj"></i>
                    </a>
                    <ul>
                        <li><a class="jiac" href="">女人常碰这部位能让男人肾不虚了</a></li>
                        <li><a href="">[美食] 夏天你还不吃这水果就亏大了</a></li>
                        <li><a href="">[食疗] 预防夏季腹泻哪种食物有奇效</a></li>
                        <li><a href="">[生活] 用啥物竟能让头发茂密又黑亮</a></li>
                        <li><a href="">[长寿] 这5种短命恶习快看你占了几个</a></li>
                        <li><a href="">[生活] 筷子竟然是这些病的"引路人"</a></li>
                    </ul>
                </div>
            </div>
            <div class="clear"></div>
            <div class="xinwen2">
                <div clss="jkys-wp">
                    <h3 class="jiank">健康</h3>
                    <span class="yangs">养生</span>
                    <i class="tupiantiao jkys"></i>
                </div>
                <div class="jkys-content">
                    <ul>
                        <li><a href="">[科普] 喝水加什么竟能排光体内毒素</a></li>
                        <li><a href="">[养生] 女性有这一习惯当心寿命大减</a></li>
                        <li><a href="">[常识] 小心!身体出现这变化是肝病</a></li>
                        <li><a href="">[美容] 你倒掉的淘米水竟是多种良药</a></li>
                        <li><a href="">[保健] 想肾虚都难！得常按摩这部位</a></li>
                        <li><a href="">[男性] 男人这件事做得太快或会致癌</a></li>
                    </ul>
                </div>
            </div> 
        </div>
        <div>
            <div class="fwdh-wp">
                <div class="fwdh">
                    <h3 class="fuwu">服务</h3>
                    <span class="daohang">导航</span>
                    <i class="fwdhtiao"></i>
                </div>
                <!-- <ul>
                    <li>
                        <a href="">
                        <img src="img/nuomi.png" alt="">
                        <span class="bdnm">百度糯米</span>
                        <span class="tuangou">团购</span>
                        </a>
                    </li>
                    <a class="yhjj" href="">全网低价不怕比</a>
                
                
                </ul> -->
            </div>
        </div>
    </div>
</body>
</html>